*{margin: 0;padding: 0;}
body{margin: auto;font:12px/25px  "microsoft yahei";color: #333;}
ul,li{list-style: none;}
a{text-decoration: none;color: #000;}
/* a:hover{ color: #FFA202;} */
.contain { width:1200px; margin:0px auto;}
.clearfix:after{content: "";display: block;clear: both;height: 0;visibility:hidden;}
.clearfix{*zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
/*head*/
.header{position: relative;}
#nav li{float: left;text-align: center;width:100px;height: 70px;}
#nav li a{color: #000;font-size: 14px;line-height: 70px;display:block;font-weight: bold;}
#nav li>a::after{display: inline-block;content: "/";font-size: 15px;margin-left: 16px;color: #ccc;font-weight: 100;}
#nav li:last-child>a::after{display: none;}
#nav li>a:hover{color: #b8a396;}
#nav li dl{width:100%; background:#f1f1f1;list-style-type:none;position:absolute;z-index:10;left: 0;top: 66px;display:flex;justify-content: space-evenly;padding: 10px 0;display: none;text-align: center;}
#nav li dl dt{width: 230px;padding: 5px;border: 1px solid #ccc;display: inline-block;margin-right: 10px;}
#nav li dl dt:hover{background: #b8a396;}
#nav li dl dt a:hover{ background:none;font-size:14px;color: #fff;}



#banner{max-width: 100%;overflow: hidden;}
#banner img{max-width: 100%;}
#banner .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
      }

#banner .swiper-pagination-bullet-active {
        color: #fff;
        background: #b8a396;
      }
#banner .swiper-pagination{bottom: 50px;}

/*产品中心*/
.cpzx{padding: 75px 0;background: #f7f7f7;}
.cplei{width: 255px;margin: 0 auto;display: flex;justify-content: center;box-shadow: 0 0 10px rgb(0 0 0 / 10%);margin-bottom: 40px;padding: 10px 0;border-radius: 8px;}
.cplei li{padding: 10px 0;position: relative;cursor: pointer;}
.cplei li:nth-child(1){margin-right: 10px;}
.cplei li:nth-child(1):after{display: block;content: "";position: absolute;right: -6px;top: 18px;width: 1px;height: 30px;background: #909090;}
.cplei li img{float:left;width: 40%;}
.cplei li p{float:left;font-size: 16px;margin-top: 10px;line-height: normal;}
.cplei .bli{background: #b8a396;color: #fff;border-radius: 8px;}
.cplei li dl{position: absolute;left: 0;top: 63px;width: 100%;line-height: 2.5;text-align: center;background: #b8a396;z-index: 3;display: none;}
.cplei li dl a{font-size: 16px;color: #fff;}
.cplei li:hover dl{display: block;}
.cpnr{overflow: hidden;height: 540px;}
.cpnr_{overflow: hidden;height: 540px;position: relative;}
 .cpnr .cpnr_ .swiper-pagination-bullet {
         width: 20px;
         height: 20px;
         text-align: center;
         line-height: 20px;
         font-size: 12px;
         color: #000;
         opacity: 1;
         background: rgba(0, 0, 0, 0.2);
       }
 
 .cpnr .cpnr_ .swiper-pagination-bullet-active {
         color: #fff;
         background: #b8a396;
       }
.cpnr .cpnr_ img{width: 998px;height: 520px;display: block;}
/* 产品下部 */
.cpxb{padding: 75px 0;}
.cpxbnr{display: flex;justify-content: space-between;}
.cpxbnr .two-item{width: 46%;}
.two-item dt{height: 500px;overflow: hidden;border-radius: 10px;}
.two-item dt img{width: 100%;height: 100%;object-fit: cover;}
.two-item dd{padding-top: 42px;text-align: center;}
.two-item dd span{font-size: 20px;font-weight: bold;}
.two-item dd p{font-size: 15px;color: #727171;margin: 10px 0 20px;}
.two-item dd .line{width: 45px;height: 1px;background: #000;margin: 0 auto;}

 /*footer*/
 .footer{ background: #232221; color: #808080; padding: 38px 0 22px 0px;}
 .footl{ width: 420px; margin-left: 65px;}
 .footl dl{ line-height: 52px;vertical-align: middle; font-size: 20px; color: #bdbebe; margin-bottom: 6px;font-weight: bold;}
 .footl dl img{ vertical-align: middle; padding-right: 20px;}
 .footl dt{ line-height: 2; font-size: 14px; color: #808080;}
 .footl dt img{ vertical-align: middle; padding-right: 20px;}
 .footc{ width: 340px; margin-right: 155px;}
 .footc dl{ line-height: 52px;font-size: 20px; color: #bdbebe; margin-bottom: 13px;font-weight: bold;}
 .footc dt{ line-height: 34px; font-size: 14px;}
 .footr{ width: 180px; margin-right: 40px;}
 .footr dl{ line-height: 49px;padding-left: 16px; font-size: 20px; color: #bdbebe;font-weight: bold;}
 .footr dt{ width: 50%; float: left; text-align: center; line-height: 46px;}
 .footr dt a{ font-size: 14px; color: #808080;}
 .banquan{ width: 100%; height: 30px; line-height: 30px; background: #000; text-align: center; color: #ababab;}
 /* 右侧悬浮 */
 #toolbar {
   position: fixed;
   z-index: 9999;
   right: 17px;
   bottom: 10%;
 }
 
 #toolbar li {
   margin-bottom: 3px;
   font-size: 0;
   width: 57px;
   height: 57px;
   right: 0;
   position: relative;
 }
 
 #toolbar li a {
   display: block;
   position: absolute;
   z-index: 9;
   right: 0;
   top: 0;
   width: 57px;
   height: 57px;
   overflow: hidden;
   background: #292e39;
   -webkit-transition: all .5s ease;
   transition: all .5s ease;
   white-space: nowrap;
   font-size: 0;
 }
 
 #toolbar li .icon-font {
   float: left;
   vertical-align: middle;
   width: 57px;
   height: 57px;
   background-color: #d9d9d9;
 }
 
 #toolbar li .icon-qq:after {
   background-position: 0 -150px;
 }
 
 #toolbar li .icon-phone:after {
   background-position: 0 -90px;
 }
 
 #toolbar li .icon-ewm:after {
   background-position: 0 -30px;
 }
 
 #toolbar li .icon-message:after {
   background-position: 0 -120px;
 }
 
 #toolbar li .icon-top:after {
   background-position: 0 -60px;
 }
 
 #toolbar li .icon-wangwang:after {
   background-position: 0 0;
 }
 
 #toolbar li .wz {
   float: left;
   font-size: 14px;
   color: #fff;
   padding-left: 10px;
   margin-top: 16px;
 }
 #toolbar li.ewm .ewm-box {
   position: absolute;
   z-index: 1;
   padding: 5px;
   background: #292e39;
   width: 110px;
   right: 120%;
   bottom: 0;
   opacity: 0;
   visibility: hidden;
   -webkit-transform: translateX(100%);
           transform: translateX(100%);
   -webkit-transition: all .7s;
   transition: all .7s;
 }
 
 #toolbar li.ewm .ewm-box p {
   margin-bottom: 0;
 }
 
 #toolbar li.ewm .ewm-box img {
   max-width: 100%;
 }
 
 #toolbar li.ewm .ewm-box:after {
   content: '';
   position: absolute;
   right: -5px;
   bottom: 20px;
   width: 0;
   height: 0;
   line-height: 0;
   font-size: 0;
   overflow: hidden;
   border-width: 5px;
   cursor: pointer;
   border-style: dashed dashed dashed solid;
   border-color: transparent transparent transparent #292e39;
   border-right: none;
 }
 
 #toolbar li.ewm:hover .icon {
   background-position: -57px -180px;
 }
 
 #toolbar li.ewm:hover .ewm-box {
   opacity: 1;
   visibility: visible;
   -webkit-transform: translateY(0);
           transform: translateY(0);
 }
 
 #toolbar li.backtop {
   cursor: pointer;
 }
 
 #toolbar li.backtop .iconfont {
   color: #fff;
   background-color: #292e39;
 }
 
 #toolbar li:hover a {
   width: 200px;
 }
 #toolbar li:nth-child(1):hover a {
   width:230px;
 }
 #toolbar li:hover .icon-font {
   background-color: #292e39;
 }
 
 #toolbar li:hover .icon-qq:after {
   background-position: -30px -150px;
 }
 
 #toolbar li:hover .icon-phone:after {
   background-position: -30px -90px;
 }
 
 #toolbar li:hover .icon-ewm:after {
   background-position: -30px -30px;
 }
 
 #toolbar li:hover .icon-message:after {
   background-position: -30px -120px;
 }
 
 #toolbar li:hover .icon-wangwang:after {
   background-position: -30px 0;
 }
 
 #toolbar li:hover .icon-top:after {
   background-position: -30px -60px;
 }
 .icon-font {
   position: relative;
 }
 
 .icon-font:after {
   content: "";
   width: 30px;
   height: 30px;
   background-image: url(../images/icon_spirit.png);
   background-repeat: no-repeat;
   position: absolute;
   left: calc(50% - 15px);
   top: calc(50% - 15px);
 }

.prolist{}
.prolist dl{ float: left; width: 270px; height: 240px; display: block; margin: 15px 10px 0px 10px; border: 1px solid #CCCCCC; text-align: center;}
.prolist dl dt{ text-align: center;}
.prolist dl img{ margin: 3px;  display: block; padding: 1px; border: 1px solid #EEE; height: 200px; text-align: center;}


.message{line-height:24px;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:15px;font-size: 15px;font-weight: 600;color: #606060;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:35px;height:35px;width: 420px;border-radius: 5px;background: #fff;border: 1px solid #d4d3d2;padding-left: 20px;}
.message textarea{width: 420px;height:85px;border-radius: 5px;background: #fff;border: 1px solid #d4d3d2;padding-left: 20px;}
.message p{clear:both;text-align: center;}
#sub{display:inline-block;background: #c9a28d;color: #fff;border: none;margin-top: 20px;margin-left: 80px;cursor: pointer;}
.content{padding: 75px 0;}
#vdcode{text-transform: uppercase;width: 332px;}

/* 新闻中心内页 */
.newsny li{float: left;width: 32.1%;margin:  0 20px 20px 0;border-radius: 4px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);transition: .5s;overflow: hidden;}
.newsny li:nth-child(3n){margin-right: 0}
.newsny li .newsimg{height: 180px;overflow: hidden;}
.newsny li .newsimg img{width: 100%;height: 100%;object-fit: cover;}
.newsny li .tiny{font-size: 16px;line-height: 1.5;margin-bottom: 50px;width: 90%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsny li .newsimgx{padding: 20px;}
.newsny li .newsimgx>span{color: #999;}
.newsny li:hover{transform: translateY(-10px);}

.listimg{width:219px;float:left;margin:0px 5px;}
.listimg a{width:219px;}
.listimg a img{vertical-align:middle; width:219px; height:180px;}
.listimg p{line-height:40px; height:40px; text-align:center; width:219px; margin:0px auto;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{font-size:14px;color:#666;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.page{padding-top:20px;padding-left:40px;height:30px;clear:both;}
.page ul{text-align: center;}
.page strong{font-size:12px;}
.page li{display: inline-block;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #CCCCCC;}
.page li a{float:left;padding:2px 4px 2px;color:#333;display:block;line-height:17px;}
.page li a:hover{color:#000;text-decoration:none;padding:2px 4px 2px;}
.title3{height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background-color:#1348ac;}
.title3 span{ float:right; color:#fff; padding-right:10px;}
.title3 a{ color: #fff;}
.mt5{ text-align: center;}
.ileft{ width:280px; float:left; margin-right:20px;margin-bottom: 20px;}
.icpfl{ width: 280px;  background: #cbbeb0; }
.cpt{ height: 80px; background: #a0958a; text-align: center; font-size: 22px; color: #fff; line-height: 80px;}
.cpt span{ font-size: 16px; padding-left: 6px;}
.cpb{ padding: 30px 20px;}
.cpb li{ height: 40px; line-height: 40px; background: #f8f8f8; text-align: center; margin-bottom: 10px;}
.cpb li a{ font-size: 18px; color: #333333; display: block;}
.cpb li:hover{ background: #a0958a;}
.cpb:nth-child(2) ul{ padding: 10px 0px}
.cpb ul dd{ line-height: 35px; text-align: center;}
.cpb ul dd a{ font-size: 14px; color: #ffffff; display: block;}
.cpb ul dd:hover{ background: #f8f8f8;}
.cpb ul dd:hover a{ color: #333;}
.nlx{ margin-top: 20px;}
.nlxt{ height: 40px; line-height: 40px; background: #CBBEB0; font-size: 16px; color: #333; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}
.mup{line-height: 42px;color:#a3a3a3; font-size:14px;}
.mup a{color:#a3a3a3;}
.mup p{height:42px;float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#a3a3a3;}
.mup span a:hover{color:#ef8008;}
.rytp{width:390px;float:left;margin:0px 5px;}
.rytp a{display: block;height: 250px;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{width: 100%;height: 100%;object-fit: cover;cursor:pointer;transition: all 0.6s;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;font-size: 16px;}
/* 关于品牌 */
.ppwh{background: url(../images/ppwh.jpg) no-repeat center bottom;padding: 38px 0 300px;background-size: 100%;margin-bottom: 75px;}
.ppwhnr{width: 50%;margin-right: 50px;}
.ppwhnr .jianjie span{font-size: 27px;}
.ppwhnr .jianjie p{font-size: 16px;line-height: 2;color: #979797;margin-top: 20px;text-align: justify;}
.ppwhnr .six{margin-top: 80px;}
.ppwhnr .six span{font-size: 27px;}
.ppwhnr .six em{font-size: 12px;display: block;text-transform: uppercase;color: #979797;}
.ppwhnr .six p{font-size: 20px;line-height: 2;color: #979797;}
/* 甄选材质 */
.zxcz{padding-bottom: 70px;}
.zxl{width: 35%;float: left;}
.zxl .zxx{margin-top: 50px;}
.zxl .zxx li{margin-top: 50px;}
.zxl .zxx li span{font-size: 27px;}
.zxl .zxx li p{font-size: 16px;color: #a2a2a2;margin-top: 20px;}
.zxr{width: 60%;float: right;}
.zxr li{display: flex;}
.z-img,.z-nr{width: 60%;overflow: hidden;}
.z-img img{width: 100%;transition: .5s;}
.zxr li .z-nr{background: #efefef;color: #980c04;text-align: center;}
.z-nr p{font-size: 20px;}
.z-nr img{margin-top: 27%;}
.zxr li:hover .z-img img{transform: scale(1.3);}
.zxr li:hover .z-nr{background: #787878;}

.datu{width: 100%;}

/* 产品列表页 */
.cpleiny{width: 255px;margin: 0 auto;display: flex;justify-content: space-evenly;box-shadow: 0 0 10px rgb(0 0 0 / 10%);margin-bottom: 40px;padding: 10px 0;border-radius: 8px;}
.cpleiny li{padding: 10px 20px;position: relative;}
.cpleiny li:nth-child(1):after{display: block;content: "";position: absolute;right: -9px;top: 6px;width: 1px;height: 30px;background: #909090;}
.cpleiny li a img{float:left;width: 40%;}
.cpleiny li a p{font-size: 18px;line-height: normal;text-align: center;}
.cpleiny li dl{position: absolute;left: 0;top: 45px;width: 100%;line-height: 2.5;text-align: center;background: #b8a396;z-index: 3;display: none;}
.cpleiny li dl a{font-size: 16px;color: #fff;}
.cpleiny li:hover dl{display: block;}

/* 产品内页 */
.hui{padding: 100px 0 50px;background: #f5f5f5;}
.hui .biaoti{text-align: center;margin-bottom: 40px;}
.hui .biaoti span{font-size: 20px;}
.hui .biaoti .line{width: 150px;height: 1px;background: #000;margin: 5px auto 0;}
.hui .biaoti p{font-size: 14px;}
.hui .cg_tu{width: 75%;height: 400px;margin: 0 auto;overflow: hidden;border-radius: 15px;}
.hui .cg_tu img{width: 100%;height: 100%;object-fit: cover;}
.hui .cg_wz{margin-top: 40px;display: flex;}
.hui .cg_wzl{padding: 0 2% 0 20%;position: relative;}
.hui .cg_wzl span{font-size: 20px;}
.hui .cg_wzl .line{width: 200px;height: 1px;background: #7b7b7b;margin: 4px 0 7px;}
.hui .cg_wzl p{font-size: 14px;}
.hui .cg_wzl::after{display: block;content: "";width: 1px;height: 28px;background: #7b7b7b;position: absolute;right: 0;top: 13px;}
.hui .cg_wzr{padding-left: 2%;}
.hui .cg_wzr span{font-size: 18px;}
.hui .cg_wzr p{font-size: 14px;margin-top: 10px;}
.bai .contain{padding: 75px 0;display: flex;justify-content: space-between;}
.bai .contain li{text-align: center;width: 32%;}
.bai .contain li .b-img{height: 310px;overflow: hidden;border-radius: 5px;}
.bai .contain li .b-img img{width: 100%;height: 100%;object-fit: cover;}
.bai .contain li span{display: inline-block;font-size: 20px;margin: 10px 0;}
.bai .contain li p{font-size: 14px;}

.zsjm_ti{text-align: center;margin-bottom: 40px;background: url(../images/zsjm-ti.png) no-repeat center center;}
.zsjm_ti span{font-size: 20px;}
.zsjm_ti p{font-size: 14px;color: #cecece;}
.ppys .contain{padding: 75px 0;}
.ppys .contain>p{font-size: 16px;line-height: 1.5;text-indent: 32px;}

.jmxz{padding: 75px 0;background: #f7f7f7;}
.jmxz .jmxznr{display: flex;}
.jmxz .jmxznr li{width: 25%;padding: 65px 0 48px;text-align: center;transition: .5s;}
.jmxz .jmxznr li span{font-size: 20px;display: block;margin: 20px 0;}
.jmxz .jmxznr li p{color: #808080;line-height: 1.5;font-size: 15px;}
.jmxz .jmxznr li .line{width: 40px;height: 1px;background: #808080;margin: 40px auto 0;}
.jmxz .jmxznr li:hover{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.jmzc{padding: 75px 0;}
.jmzc .contain{display: flex;justify-content: space-between;}
.jmzcr{width: 50%;}
.jmzcr .jm-top{padding: 30px 0 24px;}
.jmzcr .jm-top span{font-size: 20px;}
.jmzcr .jm-top p{color: #808080;}
.jm-bottom dl{padding: 20px 0;border-bottom: 1px solid #e9e9e9;color: #808080;cursor: pointer;}
.jm-bottom dl:nth-child(1){border-top: 1px solid #e9e9e9;}
.jm-bottom dl dt{padding: 10px 0;}
.jm-bottom dl dt span{font-size: 18px;margin-left: 15px;}
.jm-bottom dl dd{line-height: 26px;padding: 0 40px 0 50px;font-size: 15px;display: none;}

.ggxc{padding: 75px 0;}
.ggxcnr{display: flex;}
.ggxcnr li{width: 25%;padding: 50px 0 24px;text-align: center;transition: .5s;overflow: hidden;}
.ggxcnr li span{font-size: 18px;display: block;margin: 20px 0 45px;}
.ggxcnr li p{line-height: 1.5;margin-bottom: 30px;}
.ggxcnr li:nth-child(odd){background: #e6e6e6;}
.ggxcnr li:nth-child(even){background: #ececec;}
.ggxcnr li:hover{background: url(../images/ad.png);border-radius: 10px;transform: translateY(-10px);color: #fff;}

.jmsq{padding: 75px 0;background: #f2f0ee;}
.jmsq form{display: block;margin: 0 auto;width: 560px;}
.jmsq .zixun{text-align: center;font-weight: bold;color: #6e6e6e;font-size: 15px;padding-left: 75px;margin-top: 15px;}
/* 联系我们内页 */
.zszx{display: flex;justify-content: space-between;}
.zszx li{width: 223px;margin-bottom: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);background: #fff;padding: 40px 30px;display: flex;justify-content: space-between;border-radius: 10px;}
.zszx li .zimgr{margin-left: 20px;padding-top: 8px;}
.zszx li .zimgr span{font-size: 14px;color: #8d8d8d;font-weight: bold;}
.zszx li .zimgr p{font-size: 16px;color: #000;}
.zszx li:hover{background: #b8a396;}
.zszx li:hover span{color: #fff;}
.zszx li:hover p{color: #fff;}
.zszx_p{font-size: 16px;margin-bottom: 30px;text-align: center;}
.zsimg{display: block;margin: 0 auto;}